import IconDark from './svgicon/IconDark'
import IconLight from './svgicon/IconLight'

function Theme(props: any) {
  const { mode, onClick } = props

  return (
    <div className="flex justify-center items-center">
      <span className="py-2 px-2 cursor-pointer border border-gray-500/50 rounded-full" onClick={onClick}>
        {mode ? <IconLight /> : <IconDark />}
      </span>
    </div>
  )
}

export default Theme
